<div class="binhluan">
    <div class="ui-widget-header">Bình Luận Sản Phẩm</div>
    <div class="noidungbinhluan">
    <?php foreach($binhluans as $binhluan): ?>
        <div idtaikhoan="<?php echo $binhluan['binhluan.MaNguoiDanhGia'];?>" class="tkbinhluan ui-widget-content ui-corner-all">
            <?php if($binhluan['AnhDaiDien'] == null || $binhluan['AnhDaiDien'] == '') $binhluan['AnhDaiDien'] = 'default.png'?>
            <img src="<?php echo base_url('images/avatar/'.$binhluan['AnhDaiDien']);?>" class="avatar" />
            <span class="tendangnhap"><?php echo $binhluan['TenDangNhap'];?></span></br>
            <div class="ngaydangbinhluan"><?php echo $binhluan['NgayDang'];?></div>
            <p class="loibinh"><?php echo $binhluan['NoiDung']?></p>
        </div>
    <?php endforeach;?>
    </div>
</div>
<?php if(isset($_SESSION['mataikhoan'])){?>
<button id="btn_binhluan" class="ui-button ui-state-error ui-corner-all" idsp = "<?php echo $masp;?>">Gửi bình luận</button>
<textarea id="vietbinhluan" name="vietbinhluan"></textarea>
<script>
    if(binhluan)
        binhluan.destroy();
    var binhluan = CKEDITOR.replace( 'vietbinhluan', {
							height : 120,
							extraPlugins : 'uicolor',
							toolbar : [ [ 'Source','-','Bold','Italic','Underline','-','Undo','Redo','-','TextColor','FontSize', 'Font']]
                            });     
    $('#btn_binhluan').click(function(){
        var noidung = CKEDITOR.instances['vietbinhluan'].getData();
        var masp = $('.chitietsanpham').attr('id');
        var mataikhoan = '<?php echo $_SESSION['mataikhoan'];?>';
        var tendangnhap = $('#taikhoan .tendangnhap').text();
        var img = $('#taikhoan .anh').children('img').attr('src');
        var ngaydang = new Date();
        var dd = ngaydang.getDate();
        var mm = ngaydang.getMonth() + 1;
        var yyyy = ngaydang.getFullYear();
        if(dd<10){dd='0'+dd} 
        if(mm<10){mm='0'+mm}
        ngaydang = dd+'-'+mm+'-'+yyyy;
        $.ajax({
            type: 'POST',
            url: '<?=base_url('index.php/binhluan_controller/guibinhluan')?>',
            data:{masp: masp, noidung : noidung},
            success: function(data){
                if(data == '-1')
                    alert('Hãy là  người đánh giá để bình luận sản phẩm!!!');
                else
                if($('.tkbinhluan'))
                {
                    $('<div idtaikhoan="' + mataikhoan + '" class="tkbinhluan ui-widget-content ui-corner-all">'+
                    '<img src="'+img+'" class="avatar" /><span class="tendangnhap">'+tendangnhap+'</span></br>'+
                    '<div class="ngaydangbinhluan">'+ngaydang+'</div>'+
                    '<p class="loibinh">'+noidung+'</p></div>').insertAfter($('.tkbinhluan:last'));
                }
                else
                {
                    $('.noidungbinhluan').append('<div idtaikhoan="' + mataikhoan + '" class="tkbinhluan ui-widget-content ui-corner-all">'+
                    '<img src="'+img+'" class="avatar" /><span class="tendangnhap">'+tendangnhap+'</span></br>'+
                    '<div class="ngaydangbinhluan">'+ngaydang+'</div>'+
                    '<p class="loibinh">'+noidung+'</p></div>');
                }
            }
        });
    });                   
</script>
<?php }?>
